﻿@page "/linkbuttons"

<h3>@Localizer["ComTitle"]</h3>

<h4>@Localizer["SubTitle"]</h4>

<DemoBlock Title="@Localizer["LinkButtonTextTitle"]" Introduction="@Localizer["LinkButtonTextIntro"]" Name="Text">
    <LinkButton Text="@Localizer["LinkButtonText"]" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonUrlTitle"]" Introduction="@Localizer["LinkButtonUrlIntro"]" Name="Url">
    <LinkButton Text="@Localizer["LinkButtonText"]" Url="@WebsiteOption.CurrentValue.ServerUrl" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonTitleTitle"]" Introduction="@Localizer["LinkButtonTitleIntro"]" Name="Title">
    <p>@((MarkupString)Localizer["LinkButtonTitleDetail"].Value)</p>
    <LinkButton Text="@Localizer["LinkButtonText"]" Title="@Localizer["LinkButtonTitleTooltip"]" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonImageTitle"]" Introduction="@Localizer["LinkButtonImageIntro"]" Name="Image">
    <LinkButton ImageUrl="_content/BootstrapBlazor.Shared/images/Argo-C.png" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonIconTitle"]" Introduction="@Localizer["LinkButtonIconIntro"]" Name="Icon">
    <LinkButton Icon="fa fa-fa" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonChildTitle"]" Introduction="@Localizer["LinkButtonChildIntro"]" Name="ChildContent">
    <LinkButton>
        <i class="fa fa-fa"></i>
        <span>@Localizer["LinkButtonText"]</span>
    </LinkButton>
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonOnClickTitle"]" Introduction="@Localizer["LinkButtonOnClickIntro"]" Name="OnClick">
    <LinkButton Text="@Localizer["LinkButtonText"]" OnClick="@OnClick" />
    <BlockLogger @ref="Trace" class="mt-3" />
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonIsDisabledTitle"]" Introduction="@Localizer["LinkButtonIsDisabledIntro"]" Name="IsDisabled">
    <div class="row g-3">
        <div class="col-6 col-sm-4 col-md-3 col-lg-auto">
            <LinkButton IsDisabled="true" Color="Color.Primary">@Localizer["LinkButtonIsDisabledText"]</LinkButton>
        </div>
    </div>
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonColorTitle"]" Introduction="@Localizer["LinkButtonColorIntro"]" Name="Color">
    <div class="row g-3">
        <div class="col-6 col-sm-4 col-md-3 col-lg-auto">
            <LinkButton Color="Color.Danger">@Localizer["LinkButtonColorText"]</LinkButton>
        </div>
    </div>
</DemoBlock>

<DemoBlock Title="@Localizer["LinkButtonVerticalTitle"]" Introduction="@Localizer["LinkButtonVerticalIntro"]" Name="IsVertical">
    <div class="row g-3">
        <div class="col-6 col-sm-4 col-md-3 col-lg-auto">
            <LinkButton IsVertical="true" Icon="fa fa-edit" Text="@Localizer["LinkButtonVerticalText"]" />
        </div>
        <div class="col-6 col-sm-4 col-md-3 col-lg-auto">
            <LinkButton IsVertical="true" Icon="fa fa-edit" Text="@Localizer["LinkButtonVerticalText"]" IsDisabled="true" />
        </div>
    </div>
</DemoBlock>

<AttributeTable Items="GetAttributes()"></AttributeTable>
